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FIG.4 
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FIG.5 
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FIG.9 
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FIG. 10 

function 8etImageSellO{ 

originX = ; II X axis origin of first cell in block (expression 19) 

origfinY= 1^^; // Y axis origin of first cell in block (expression 20) 

for(x=0; x<=5 ; x++){ // From first divided image to last divided image in X axis 

direction of image 

forfv=0 ' v< = 5 ; y++){ // ^^^^ divided image to last divided image in Y axis 
^ direction of image 

// Performed from first cell to last cell in X axis for block 

if(x>= 5^&&x<= S^){ 

/> ..Residue of x divided by 6 is used as cell number in X axis 

BellX = x%6; direction 

// Performed fi^om first cell to last cell in Y axis for block 

i£(y>= S3,,&&y<= Sy,){ 

^ ^Residue of y divided by 6 is used as cell number in Y axis 

selIY = y%6; //direction 

// Store image data (imageXY) in each cell (canvasXY) 
// Performed actually when CGI makes a request to server for image data 
document.allC*canvas" + aellX + sellY).innerHTML = "<IMG ID= 'image" + 
X + y + " • SRC= ' image.cgi?a=xxx&b=xxx&c=xxx&d=xxx&e=xxx&f ^ 
xxx&g=xxx' STYLE=aeft:" + originX +";top:" + oiiginY + 

) 

) 

originY += 480; // Add 480 to set Y axis origin of next cell 

} 

originX += 480; // Add 480 to set X axis origin of next cell 

originY = 1^^ ; // Restore Y axis origin to Y axis origin of first cell in Y axis 

} 

originX = X^^ ; // Restore X axis origin to X axis origin of first cell in X axis 

} 
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FIG. 12 
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FIG. 13 



document.oninousedowii = setMouseDown; // When mouse is down 
document.onmoufiemove = fietMoueeMove; // When mouse is moved 



function setMouseDownQi 

downX =event.x; // X axis coordinate clicked 

downY = event.y; // Y axis coordinate clicked 

originX = downX - document.all. canvasBlock.style.pixelLeft; 

originY = downY - document.all. canvasBlock.style.pixelTop; 

} 

Ainction setMouseMoveO{ 

dragX = eventx; U x axis coordinate during movement 
dragY = eventy; // y axis coordinate during movement 
// Recalculate origin of block 

document.alL canvasBlodulyle.pixelLeft = dragX - oxiginX; 
document^all. canva8Blocik^larle.pixenbp = dragY - oiiginY; 
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FIG.UA 



Upper Stage: divided image 

coordinate value 
Lower stage: cell number 
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Before moving the image 



FIG.14B 



Upper stage: divided image 

coordinate value 
Lower stage: cell number 
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After moving the image 
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FIG. 15 



Place pointer at position for enlarged 
display 

i 

Right click 

Acquire coordinates of click position 
on display region of browser 

Display a magnification selection 

pop-up menu 

Select magnification 

Obtain origin position of image after 
change of magnification 

Calculate divided image fitted into 
each cell 

Calculate display position of each 
divided image 

Make a request to server for divided 
images that are not acquired yet 

Fit divided image into each cell and 
display 



15/15 



Xm22 



FIG. 16 
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